<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/common/jquery/jquery.js}"></script>
    <link th:href="@{/common/layui-new/layui/css/layui.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/common/layui/admin.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/common/layui-new/layui/layui.js}"></script>

    <style>
        .search_form{
            width:602px;
            height:42px;
        }

        /*左边输入框设置样式*/
        .input_text{
            width:400px;
            height: 40px;
            border:1px solid green;
            /*清除掉默认的padding*/
            padding:0px;

            /*提示字首行缩进*/
            text-indent: 10px;

            /*去掉蓝色高亮框*/
            outline: none;

            /*用浮动解决内联元素错位及小间距的问题*/
            float:left;
        }

        .input_sub{
            width:100px;
            height: 42px;
            background: green;

            /*去掉submit按钮默认边框*/
            border:0px;
            /*改成右浮动也是可以的*/
            float:left;
            color:white;/*搜索的字体颜色为白色*/
            cursor:pointer;/*鼠标变为小手*/
        }
    </style>

</head>
<body>
<div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-body">
                <div style="height: 80px">
                    <div style="display: flex;justify-content: center;align-items: center">
                        <form class="search_form">
                            <input type="text" id="searchinput" class="input_text" placeholder="请输入搜索内容"><!-- -->
                            <input type="submit" value="搜索" class="input_sub">

                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">
                New Features
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:SIGSEGV，MMapDirectory</a></div>-->
                            <p class="layui-text-center" onclick="showmodle()">Try harder to prevent SIGSEGV on cloned MMapIndexInputs: Previous versions of Lucene could SIGSEGV the JVM if you try to access the clone of an IndexInput retrieved from MMapDirectory. This security fix prevents this as best as it can by throwing AlreadyClosedException also on clones.</p>
                            <p class="layui-text-bottom"><span>关键词:SIGSEGV，MMapDirectory</span></p>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:CheckIndex，IndexUpgrader，FSDirectory</a></div>-->
                            <p class="layui-text-center">CheckIndex and IndexUpgrader allow you to specify the specific FSDirectory implementation to use (with the new -dir-impl command-line option).</p>
                            <p class="layui-text-bottom"><span>关键词:CheckIndex，IndexUpgrader，FSDirectory</span></p>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:MTQ</a></div>-->
                            <p class="layui-text-center">Expose MTQ TermsEnum via RewriteMethod for non package private access</p>
                            <p class="layui-text-bottom"><span>关键词:MTQ</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">
                API Changes
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:IndexReader，CompoundFileExtractor</a></div>-->
                            <p class="layui-text-center">IndexReader's static main method was moved to a new tool, CompoundFileExtractor, in contrib/misc.
                                (Robert Muir, Mike McCandless)</p>
                            <p class="layui-text-bottom"><span>关键词:IndexReader，CompoundFileExtractor</span></p>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:NRTCachingDir，createOutput</a></div>-->
                            <p class="layui-text-center">Corrected potential concurrency issues with NRTCachingDir, fixed createOutput to overwrite any previous file, and removed invalid asserts</p>
                            <p class="layui-text-bottom"><span>关键词:NRTCachingDir，createOutput</span></p>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:SentinelIntSet，loop，TermAllGroupsCollector</a></div>-->
                            <p class="layui-text-center">SentinelIntSet with a small initial size can go into an infinite loop when expanded. This can affect grouping using TermAllGroupsCollector or TermAllGroupHeadsCollector if instantiated with a non default small size.</p>
                            <p class="layui-text-bottom"><span>关键词:SentinelIntSet，loop，TermAllGroupsCollector</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">
                Changes in Runtime Behavior
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:IndexReader，CompoundFileExtractor</a></div>-->
                            <p class="layui-text-center">IndexReader's static main method was moved to a new tool, CompoundFileExtractor, in contrib/misc.
                                (Robert Muir, Mike McCandless)</p>
                            <p class="layui-text-bottom"><span>关键词:IndexReader，CompoundFileExtractor</span></p>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:NRTCachingDir，createOutput</a></div>-->
                            <p class="layui-text-center">Corrected potential concurrency issues with NRTCachingDir, fixed createOutput to overwrite any previous file, and removed invalid asserts</p>
                            <p class="layui-text-bottom"><span>关键词:NRTCachingDir，createOutput</span></p>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div class="layuiadmin-card-text">
<!--                            <div class="layui-text-top"><i class="layui-icon layui-icon-form"></i><a>关键词:SentinelIntSet，loop，TermAllGroupsCollector</a></div>-->
                            <p class="layui-text-center">SentinelIntSet with a small initial size can go into an infinite loop when expanded. This can affect grouping using TermAllGroupsCollector or TermAllGroupHeadsCollector if instantiated with a non default small size.</p>
                            <p class="layui-text-bottom"><span>关键词:SentinelIntSet，loop，TermAllGroupsCollector</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
</div>
<ul id="heroLists" style="list-style: none;display: none;border: 1px solid silver;width: 130px;margin-top: 0"></ul>
</body>

<script type="text/javascript">
    function showmodle() {
        window.open("splitmodle")
    }
    let heros = ["武则天", "嬴政", "干将莫邪", "孙悟空", "百里玄策", "项羽", "后裔", "大乔", "宫本武藏", "飞恒大将军"]
    let input = document.getElementById("searchinput")
    let list = document.getElementById("heroLists")
    let timer = null
    input.onkeyup = function () {
        // 性能优化——防抖
        clearTimeout(timer)
        timer = setTimeout(() => {
            searchHeros(this.value)
        }, 500)
    }

    function searchHeros(heroName) {
        // 在查找之前清除列表内容，防止重复
        list.innerHTML = ""
        // 遍历列表，查询到添加
        heros.forEach(item => {
            // 查询到相关搜索内容
            if (heroName !== "" && item.indexOf(heroName) !== -1) {
                let li = document.createElement("li")
                li.innerHTML = item
                list.style.display = "block"
                list.appendChild(li)
                // 当点击查找项时，将内容赋值给输入框
                li.onclick = function () {
                    input.value = li.innerHTML
                }
            }
        })
    }
    // 点击页面其他区域，消除列表
    document.documentElement.onclick = function () {
        list.style.display = "none"
    }
</script>


</html>